<template>
  <div class="footer">
  	<template v-for="item in linkSrcs">
  		<h4>{{ item.title }}</h4>
      <ol class="breadcrumb">
      	<li v-for="inItem in item.list"><a v-bind:href="inItem.src" target="_blank">{{ inItem.name }}</a></li>
      </ol>
  	</template>
  		
  </div>
</template>

<script>
var linkSrcs = [
    {
      "title":"前端相关资源网站",
      "list":[
        {
          "name":"前端大学",
          "src":"http://www.qianduandaxue.com/",
        },
        {
          "name":"前端人生",
          "src":"https://buluo.qq.com/p/barindex.html?bid=314687",
        },
        {
          "name":"segmentfault技术问答",
          "src":"https://segmentfault.com/",
        },
        {
          "name":"WEB资源网",
          "src":"http://www.zhaotexiao.com/",
        },
        {
          "name":"大前端",
          "src":"http://www.daqianduan.com/",
        },
        {
          "name":"前端头条",
          "src":"https://toutiao.io/c/fe",
        },
        {
          "name":"jQuery之家",
          "src":"http://www.htmleaf.com/",
        },
        {
          "name":"jQuery API 速查",
          "src":"http://jquery.cuishifeng.cn/",
        },
        {
          "name":"前端开发资料库工具箱",
          "src":"http://www.aseoe.com/webdata/",
        },
        {
          "name":"IT面试题",
          "src":"http://www.jobui.com/mianshiti/",
        },
        {
          "name":"腾讯前端团队",
          "src":"http://www.alloyteam.com/",
        },
        {
          "name":"淘宝前端团队",
          "src":"http://taobaofed.org/",
        },
        {
          "name":"凹凸实验室",
          "src":"https://aotu.io/",
        },
        {
          "name":"阿里巴巴UED团队",
          "src":"http://www.aliued.com/",
        },
        {
          "name":"微信公众平台开发",
          "src":"http://mp.weixin.qq.com/wiki/home/index.html",
        },
        {
          "name":"w3cplus",
          "src":"http://www.w3cplus.com/",
        },
        {
          "name":"jade edit",
          "src":"http://naltatis.github.io/jade-syntax-docs/",
        },
        {
          "name":"菜鸟教程",
          "src":"http://www.runoob.com/",
        },
        {
          "name":"网页特效库",
          "src":"http://www.5iweb.com.cn/",
        },
        
        {
          "name":"OPEN代码分享",
          "src":"http://www.open-open.com/code/",
        },
        {
          "name":"CodeMirror",
          "src":"http://codemirror.net/",
        },
        {
          "name":"Node.js api文档",
          "src":"http://nodejs.cn/api/",
        },
        {
          "name":"七天学会NodeJS",
          "src":"http://nqdeng.github.io/7-days-nodejs/",
        },
        {
          "name":"CSS探索之旅",
          "src":"http://blog.doyoe.com/",
        },
        {
          "name":"CSS参考手册",
          "src":"http://www.css88.com/book/css/",
        },
        {
          "name":"JavaScript 标准参考教程",
          "src":"http://javascript.ruanyifeng.com/",
        },
        {
          "name":"SuperSlide",
          "src":"http://www.superslide2.com/",
        },
        {
          "name":"Layer",
          "src":"http://layer.layui.com/",
        },
        {
          "name":"D3.js",
          "src":"https://d3js.org/",
        },
        {
          "name":"js图表",
          "src":"https://www.hcharts.cn/",
        },
      ]
    },
    {
      "title":"php相关资源网站",
      "list":[
        {
          "name":"PHP教程",
          "src":"http://bbs.itcast.cn/thread-25872-1-1.html",
        },
        {
          "name":"PHP100中文网",
          "src":"http://www.php100.com/",
        },
        {
          "name":"PHP视频下载",
          "src":"http://www.lampbrother.net/php/html/PHPvideo/",
        },
        
        {
          "name":"ThinkPHP快速入门",
          "src":"http://www.thinkphp.cn/info/60.html",
        }
      ]
    },
    {
      "title":"magento相关资源网站",
      "list":[
        {
          "name":"Magento入门",
          "src":"http://www.moqifei.com/archives/1100",
        },
        {
          "name":"请求分发与控制器",
          "src":"http://stefan321.iteye.com/blog/757736",
        },
        {
          "name":"布局，块和模板",
          "src":"http://justcoding.iteye.com/blog/1584694",
        },
        
        {
          "name":"程序架构与流程",
          "src":"http://blog.csdn.net/yuxiaoqing19871003/article/details/8891279",
        }
      ]
    },
    {
      "title":"数据库相关网站",
      "list":[
        {
          "name":"MongoDB快速入门",
          "src":"http://www.yiibai.com/mongodb/mongodb_quick_guide.html",
        }
      ]
    },
    {
      "title":"工具类网站",
      "list":[
        {
          "name":"图片压缩",
          "src":"https://tinypng.com/",
        },
        {
          "name":"文字转换格式",
          "src":"http://www.fontconverter.org/",
        },
        {
          "name":"Word转PDF",
          "src":"https://smallpdf.com/cn/word-to-pdf",
        },
        {
          "name":"设计师网址导航",
          "src":"http://hao.uisdc.com/",
        },
        {
          "name":"产品大牛",
          "src":"http://www.pmdaniu.com/",
        },
        {
          "name":"ppt神器",
          "src":"http://koppt.cn/index",
        },
        {
          "name":"图表秀",
          "src":"https://www.tubiaoxiu.com/",
        },
        {
          "name":"图片转换Base64",
          "src":"http://imgbase64.duoshitong.com/",
        }
      ]
    },
 ]
export default {
  name: 'footercontent',
  data(){
  	return{
  		linkSrcs:linkSrcs
  	}
  }
}
</script>